/*
	
	Play No More
	
	..
	2012 © Kazuu
	www.kazuu.com.ar

*/

@import "backend.css";

/*------------------------------------

	#HEADER
	.client-name
	.menu

------------------------------------*/

#header 
{
	position: relative;
	width: 100%;
	min-height: 10px;
}

#header > .logo
{
	height: 150px;
	padding-left: 10px;
	background-image: url(images/header/background.jpg);
	background-repeat: no-repeat;
}

#header > .logo > h1
{
	display: none;
}

#header > .menu
{
	padding:3px;
	position: relative;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden;	
}

#header > .menu > h2
{
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
}

#header > .menu > div
{
	margin-left: 300px;
	width:auto;
	padding:12px;
}

#header > .menu > div > ul
{
	float: right;
	margin: 0;
}

#header > .menu > div > ul:first-child
{
	margin-right: 0;
	margin-left: 20px;
}

#header > .menu > div > ul > li
{
	display: inline-block;
	margin-left: 5px;
}

#header > .menu > div > ul > li:last-child
{
	margin-right: 0;	
}

#header > .user-profile
{
	position: absolute;
	top: 35px;
	right: 10px;
}

#header > .user-profile > table
{
	width: auto;
	height: auto;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
}

#header > .user-profile > table .graphic-container
{
	float: right;
	width: 60px;
	height: 60px;
}

#header > .user-profile > table .graphic-container > img
{
	width: 100%;
	height: auto;
}

#header > .user-profile > table ul
{
	float: right;
	text-align: right;
	margin-right: 5px;
	margin-left: 10px;
}

#header > .user-profile > table ul > li
{
	margin-bottom: 0px;
}

#header > .user-profile > table ul > li:first-child
{
	margin-bottom: 2px;
}

/*------------------------------------

	#CONTAINER

------------------------------------*/

#container 
{
	width: 100%;
	height: auto;
	background-color: #ffffff;	
}

/*------------------------------------

	#CONTENT

------------------------------------*/

#content 
{
	width: auto;
	height: auto;
	min-height: 250px;
	margin-left: 230px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 20px;
	border-left: 1px solid #e3e3e3;	
}

#content span.span_plus
{
	color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 15px
}
/*------------------------------------

	#MAIN-MENU

------------------------------------*/

#main-menu 
{
	float: left;
	width: 210px;
	height: 100%;
	padding-left: 10px;
	margin-bottom: 10px;
}

#main-menu > ul > li
{
	margin-bottom: 0px;
}

#main-menu > ul > li > a
{
	text-decoration: none;
}

#main-menu > ul > li > a > strong
{
	display: block;
	border-bottom: 1px solid #d6d6d6;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main-menu > ul > li > ul
{
	margin-bottom: 0px;
}

#main-menu > ul > li > ul > li
{
	display: block;
	border-bottom: 1px solid #d6d6d6;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	margin-bottom: 0px;
}

#main-menu > ul > li:last-child > ul > li:last-child
{
	border-bottom: none;
}

/*------------------------------------

	#MODULES-MENU

------------------------------------*/

#modules-menu
{
	margin-bottom:10px;
}

/*------------------------------------

	#MODULES

------------------------------------*/

#modules
{
	padding-right: 20px;
}

/*------------------------------------

	#FOOTER

------------------------------------*/

#footer 
{
	clear: both;	
	width: 100%;
	height: 25px;
	background-image: url(images/footer/shadow.png);
	background-repeat: repeat-x;
	padding-top:15px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	color: #eeeeee;
}

#footer *
{ 
	text-decoration: none !important;
	color: #eeeeee !important;
}

#footer strong
{ 
	color: #eeeeee;
	font-weight: bold;
}

#footer img
{ 
	display: inline-block;
	padding-right: 2px;
}

#footer a:hover
{
	color: #e7e7e7;
	border-bottom: 1px dashed #eeeeee;
}